.App {
  display: flex;
  flex-direction: column;
  width: 500px;
  height: 500px;
  border: 1px solid black;
}

.scroll {
  flex: 1;
  background: red;
  overflow: auto;
}

.overflow {
  height: 2000px;
}

.divider {
  height: 30px;
  background: blue;
}

.noDiv {
  height: 30px;
  background: grey;
}

.footer {
  height: 20px;
  background: green;
}

.parent {
  background: #C5EFF7;
  border: 8px dashed rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  padding: 1rem;
  max-width: 70%;
  overflow:hidden;
}

.child-min-width {
  min-width: 70px;
  border: 1px solid black;
  border-radius: 4px;
}

.truncate  {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}